:root{
	--head-color:#2e4555;
	--blue-site:#5c94fc;
	--green-site:#51ef85;
	--gray-text:#1f3336;
	--light-text:#555;
	--light-back:#f3f3f7;
	--hover-green: #00cc33;
	--hover-blue:#63f;
	--hover-yellow:#ffd524;
	--hover-head:#0e2535;
	--lighter-gray:#9f9f9f;
	box-sizing: border-box;
	font-family: "Roboto";
	min-height: 100%;
	height: 100%;
}

*,::before,::after{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
body{
	min-height:100%;
	height: 100%;
}

ul{
	list-style: none;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
h2{
	font-size: 1.3em;
}
table{
	border-collapse:collapse;
}
td,th{
	border:1px solid gray;
	text-align: center;
	padding: 0.5em;
}
input, textarea{
	outline:none;
	font-size: 1rem;
	background-color: #eaeaea;
	border:1px solid var(--lighter-gray);
	border-radius:4px;
	padding: 0.7em;
}
input[type="checkbox"],input[type="radio"]{
	width:1.3rem;
	height: 1.3rem;
	margin-right: 0.3em;
}

textarea{
	resize: none;
}
select{
	outline:none;
	font-family: "Roboto";
	font-size: 1rem;
	padding: 0.5em;
	border-radius:4px;
	background-color: #eaeaea;
	border:1px solid var(--lighter-gray);
}
label{
	margin-left:1em;
	margin-bottom: 0.3em;
}
a{
	color:var(--blue-site);
	transition: color 0.3s ease-in-out;
}

a:hover{
	color:var(--hover-blue);
}

@font-face{
	font-family: "RobotoBold";
	src:url("../fonts/Roboto Bold.ttf") format("truetype");
}
@font-face{
	font-family: "RobotoThinItalic";
	src:url("../fonts/RobotoThinItalic.ttf") format("truetype");
}
@font-face{
	font-family: "UniThin";
	src:url("../fonts/Uni Sans Thin.otf") format("opentype");
}

@font-face{
	font-family: "UniHeavy";
	src:url("../fonts/Uni Sans Heavy.otf") format("opentype");
}

@font-face{
	font-family: "MullerRegular";
	src:url("../fonts/MullerRegular.ttf") format("truetype");
}
@font-face{
	font-family:"MullerBold";
	src:url("../fonts/MullerBold.ttf") format("truetype");
}
@font-face{
	font-family:"MullerThin";
	src:url("../fonts/MullerThin.ttf") format("truetype");
}


/*-------------------------HEADER----------------------*/
.head-bg{
	min-height: 700px;
}
/*-------------------------BOOKMARK--------------------*/

.text-b-active,.text-b-disactive{
	font-family: "MullerBold";
	transition: all 0.3s ease-in-out;
	cursor:pointer;
	margin-left:0.5em;
}
.button-bookmark{
	display: flex;
	align-items:center;
}
.img-b-active{
	background-image: url("../image/bookmark-btn-blue.svg");
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	height: 1.5em;
	width:1em;
	transition: background 0.3s ease-in-out;
}
.text-b-active{
	color:var(--blue-site);
}
.button-bookmark:hover .text-b-active{
	color:var(--hover-blue);
}
.button-bookmark:hover .img-b-active{
	background-image: url("../image/bookmark-btn-blue-active.svg");
}
.img-b-disactive{
	background-image: url("../image/bookmark-button-active.svg");
}
.text-b-disactive{
	color:var(--green-site);
}
.button-bookmark:hover .text-b-disactive{
	color:var(--hover-green);
}
.button-bookmark:hover .img-b-disactive{
	background-image: url("../image/bookmark-button-hover.svg");
}
/*-------------------------COMMENT---------------------*/
.comment-control{
	display: flex;
	padding:1em;
	align-items: center;
}
.comment-input{
	border: 1px solid var(--lighter-gray);
    background-color: #ddd;
    color: black;
    flex: 1;
    border-radius: 5px;
    font-size: 1rem;
    padding: 0.7em;
    overflow: hidden;
    display: block;
    width: 100%;
    outline:none;
}
.smile-input{
	display: inline-block;
	width:1em;
	height: 1em;
	position: relative;
	top:3px;
	margin:0 0.1em;
}
.comment-button, .smile-button{
    -webkit-background-size: cover;
    background-size: cover;
    width: 2.3em;
    height: 2.3em;
    background-color: transparent;
    border: none;
    transition: background 0.3s ease-in-out;
    cursor: pointer;
    outline: none;
    margin-left: 0.5em;
}
.comment-button{
	background-image: url(../image/message-button.png);
}
.comment-button:hover {
    background-image: url(../image/message-button-active.png);
}
.smile-button{
	background-image: url("../image/smile-button.png");
}
.smile-button:hover{
	background-image: url("../image/smile-button-active.png");
}
.comment-border{
	overflow: hidden;
    position: relative;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.comment-container{
	display: flex;
    flex-direction: column;
    overflow-y: scroll;
    padding: 1em;
    flex: 1;
    max-height: 30em;
}
.comment-container::before{
	content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    height: 2em;
    width: calc(100% - 6px);
    top: 0;
    background: linear-gradient(white 20%,transparent 60%);
}
.comment-container::after{
	content: "";
    left: 0;
    position: absolute;
    z-index: 1;
    height: 2em;
    width: calc(100% - 6px);
    bottom: 0;
    background: linear-gradient(0deg,white 20%,transparent 60%);
}
.comment-message{
	border: 1px solid var(--lighter-gray);
    border-radius: 10px;
    padding: 0.8em;
    display: flex;
    font-size: 0.9em;
    flex-direction: column;
}
.comment-message+.comment-message{
	margin-top: 1em;
}
.smile-menu{
	position: absolute;
	display: flex;
	min-height: 10em;
	right:0;
	top:3em;
	z-index: -1;
	opacity: 0;
	flex-direction: column;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.6);
	transition: opacity 0.2s ease-in-out;
}
.smile-container{
	width:100%;
	padding: 0.5em;
}
.smile-row{
	display: flex;
}
.smile-row+.smile-row{
	margin-top:0.5rem;
}
.smile{
	width: 1.5em;
	height: 1.5em;
	cursor:pointer;
}
.smile+.smile{
	margin-left: 0.5em;
}
.smile-active{
	z-index:10;
}

/*-------------------------SEPARATOR-------------------*/
.separator{
	width:40% !important;
	justify-content: space-between;
	align-self:center;
	margin:1em 0;
}
.separator>div{
	width:1em;
	height:1em;
	border-radius: 50%;
	background-color: var(--head-color);
}
/*---------------------------LOAD----------------------------*/
.load-container{
	position:absolute;
	left:0;
	top:0;
	display: flex;
	align-items: center;
	justify-content:center;
	flex-direction: column;
	height:100%;
	width:100%;
	background-color: rgba(255,255,255,0.7);
	border-radius:5px;
	z-index: 999;
}
.load-container>p{
	color: #0099ff;
	font-family: "Calibri";
	font-weight: bold;
	font-size:1.2em;
	margin:0;
}
.load{
	position:relative;
	width:3em;
	height:3em;
}
.load>div{
	position:absolute;
	top:calc(50% - 0.5em);
	left:calc(50% - 0.5em);
	width:1em;
	height:1em;
	border-radius: 50%;
	background-color: #0099ff;
}
.load>.item1{
	animation: first 1.2s infinite;
}
.load>.item2{
	animation: two 1.2s infinite;
}
.load>.item3{
	animation: three 1.2s infinite;
}
@keyframes first{
	from{
		transform:translate(0,-0.8em);
	}
	33.3333%{
		transform: translate(-0.8em,0.5em);
	}
	66.6666%{
		transform: translate(0.8em,0.5em);
	}
	100%{
		transform:translate(0,-0.8em);
	}
}
@keyframes two{
	from{
		transform: translate(-0.8em,0.5em);
	}
	33.3333%{
		transform: translate(0.8em,0.5em);
	}
	66.6666%{
		transform:translate(0,-0.8em);
	}
	100%{
		transform: translate(-0.8em,0.5em);
	}
}
@keyframes three{
	from{
		transform: translate(0.8em,0.5em);
	}
	33.3333%{
		transform: translate(0,-0.8em);
	}
	66.6666%{
		transform: translate(-0.8em,0.5em);
	}
	100%{
		transform: translate(0.8em,0.5em);
	}
}
/*----------------------Progress----------------------*/
.progress-line{
	width:7em;
	height: 0.6em;
	border-radius: 0.3em;
	box-shadow: inset 0 0 5px rgba(50,50,50,0.5);
}
.progress{
    width:0;
	height: 100%;
	transition:width 0.2s ease-in-out;
	border-radius: 0.4em;
	background:repeating-linear-gradient(45deg,#5c94fc,#5c94fc 0.3em,#63f 0.3em,#63f 0.6em);
}
/*----------------------CARD AND PANEL------------------------*/
.card-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.card-item>img{
	margin-bottom: 1em
}
.panel{
	background-color: white;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding:1rem;
	display: flex;
	flex-direction: column;
}
/*-----------------------POPUP------------------*/
.popup-back{
	position:fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
	opacity: 0;
	width:100%;
	height:100%;
	background-color: rgba(80,80,80,0.6);
	transition: opacity 0.5s linear;
}
.popup-back-active{
	z-index:10000;
}
.popup-back-opacity{
	opacity:1;
}
.popup-message{
	position:relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	box-shadow: 0px 0px 10px #333;
	border-radius: 5px;
	background-color: white;
	font-size: 1rem;
	color: black;
}
.popup-close-button{
	display:block;
	height:1.2rem;
	font-size: 1.2rem;
	width:1.2rem;
	line-height: 1;
	color:var(--lighter-gray);
	cursor:pointer;
	box-shadow: none;
	padding: 0;
	outline: none;
	border:none;
	background-color: transparent;
	transition:color 0.3s ease-out;
}
.popup-close-button:hover{
	color:var(--hover-blue);
}
/*-------------------------BUTTONS-----------------*/
.abutton{
	display: block;
	text-decoration: none;
}
.abutton:hover{
	color:white;
}
.button{
	box-shadow: 4px 4px rgba(0,0,0,0.23);
	color:white;
	border-radius: 5px;
	cursor:pointer;
	outline:none;
	text-align: center;
	padding: 0.8em;
	font-size: 1em;
	min-width:10em;
	border:none;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out , border-color 0.3s ease-in-out;
}
.button[disabled]{
	background-color: gray;
}
.button[disabled]:hover{
	background-color: gray;
}
.button-green{
	background-color: var(--green-site);
}
.button-green:hover{
	background-color: var(--hover-green);
}
.button-ice{
	background-color: var(--blue-site);
}
.button-ice:hover{
	background-color: var(--hover-blue);
}
.button-dark{
	background-color: var(--head-color);
}
.button-dark:hover{
	background-color: var(--hover-head);
}
.button-white-t{
	background-color: transparent;
	box-shadow: none;
	border:3px solid white;
	font-size: 0.9em;
}
.button-white-t:hover{
	color:var(--blue-site);
	border-color:var(--blue-site);
}
.double-button{
	display: flex;
}
.double-button>button{
	font-family: "MullerBold";
	font-size: 1rem;
	background-color: transparent;
	border-style: solid;
	border-color:var(--lighter-gray);
	color:var(--lighter-gray);
	padding: 0.8em 1em;
	width:9em;
	transition: all 0.5s ease-in-out;
	outline:none;
	cursor:pointer;
}
.double-button>button:hover{
	color:var(--hover-blue);
	border-color:var(--hover-blue);
}
.double-button>button:first-child{
	border-radius:5px 0 0 5px;
	border-width: 3px 1.5px 3px 3px;
}
.double-button>button:last-child{
	border-radius:0 5px 5px 0;
	border-width: 3px 3px 3px 1.5px;
}
.double-button>.active-button{
	border-color:var(--blue-site);
	color:var(--blue-site);
}
.button-left-arrow,.button-right-arrow{
	cursor: pointer;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: var(--head-color);
    border: none;
    border-radius: 5px;
    opacity: 0.6;
    transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
    outline: none;
    height: 2rem;
    width: 2rem;
}
.button-left-arrow{
	background-image: url("../image/arrow-left.svg");
}
.button-right-arrow{
	background-image: url("../image/arrow-right.svg");
}
.button-left-arrow:hover,.button-right-arrow:hover{
	opacity: 1;
}

.button-tech{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.2em 0.5em;
	background-color: transparent;
	outline:none;
	min-width:12em;
	border:0.2em solid #9f9f9f;
	color:#9f9f9f;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	margin-top:0;
	margin-left:0;
	margin-right:0.5em;
	margin-bottom: 0.5em;
}
.btn-tech-img{
	background-image: url("../image/attach.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 1.25em;
	width: 1.25em;
	transition: background 0.3s ease-in-out;
}
.button-tech:hover{
	border-color:#5c94fc;
    color:#5c94fc;
}
.button-tech:hover .btn-tech-img{
    background-image: url("../image/attach-active.png");
}
.button-tech>input[type="file"]{
	display:none;

}
.file-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: auto;
	padding: 0.5em;
	margin-right:0.5em;
	margin-bottom: 0.5em;
	background-color: lightgrey;
	border-radius: 5px;
	color:#555;
}
.close-file{
	outline:none;
	border:none;
	background-color: transparent;
	background-image: url("../image/close-file.png");
	background-size: cover;
	height: 0.7em;
	width: 0.7em;
	min-width: 0.7em;
	cursor: pointer;
	margin-left: 1em;
	transition: background 0.3s ease-in-out;
}
.close-file:hover{
	background-image: url("../image/close-file-active.png");
}

/*-----------------------DEPLOY-BUTTON------------------*/
.deploy-button{
	display: block;
    cursor: pointer;
    color: var(--blue-site);
    transition: color 0.3s ease-in-out;
}
.deploy-button:hover{
    color: var(--hover-blue);
}
.deploy-button::after{
	content:"\25BC";
	position:relative;
	font-size: 0.8em;
	margin-left:0.5em;
}
.deploy-button-active::after{
	content:"\25B2";
}
.deploy-text{
	max-height: 1px;
	overflow:hidden;
}
.deploy-text-active{
	max-height: 100%;
}
.arrow{
	display: inline-block;
    height: 0.8em;
    width: 0.8em;
    background-image: url(../image/arrow-bottom.svg);
    -webkit-background-size: cover;
    background-size: cover;
    transition: background .3s ease-in-out;
    vertical-align: middle;
    margin-left: 0.3em;
}
.arrow-top{
	background-image: url(../image/arrow-top.svg);
}
/*------------------------CROP PHOTO-----------------------*/
.image-crop-window{
	display:flex;
	margin:1em 0;
}
.image-crop-window>div{
    background-color: white;
    border-radius: 5px;
    width: 100%;
    display: flex;
}
.container-crop{
	display: flex;
	overflow:hidden;
	position: relative;	
}
.crop-image{
    position: absolute;    
    height:15em;
    width:15em;
    top:0;
    left:0;
    cursor: move;
    border:1px solid rgba(220,220,220,0.7);
    overflow: hidden;
    box-shadow: 0 0 100em 100em rgba(0,0,0,0.8) ;
}
.circle-crop{
	width:100%;
	height: 100%;
	position: relative;
	border-radius: 50%;
	box-shadow: 0 0 100em 100em rgba(0,0,0,0.8) ;
}
.container-crop>img{
	max-height: 100%;
	width: 100%;
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
.crop-knot{
	position:absolute;
	width:0.6em;
	z-index: 100;
	height:0.6em;
	transition: border 0.3s ease-in-out;
}
div[knot=left-top]{
	left:-1px;
	top:-1px;
	border-left:4px solid rgba(220,220,220,0.7);
    border-top: 4px solid rgba(220,220,220,0.7);
}
div[knot=left-top]:hover{
	cursor:nw-resize;
	border-left:4px solid white;
    border-top: 4px solid white;
}
div[knot=left-bottom]{
	left:-1px;
	bottom: -1px;
    border-left:4px solid rgba(220,220,220,0.7);
    border-bottom: 4px solid rgba(220,220,220,0.7);
}
div[knot=left-bottom]:hover{
	cursor:sw-resize;
	border-left:4px solid white;
    border-bottom: 4px solid white;
}

div[knot=right-top]{
	right:-1px;
	top:-1px;
	border-right:4px solid rgba(220,220,220,0.7);
    border-top: 4px solid rgba(220,220,220,0.7);
}
div[knot=right-top]:hover{
	cursor: ne-resize;
	border-right:4px solid white;
    border-top: 4px solid white;
}
div[knot=right-bottom]{
	right:-1px;
	bottom:-1px;
	border-right:4px solid rgba(220,220,220,0.7);
    border-bottom: 4px solid rgba(220,220,220,0.7);
}
div[knot=right-bottom]:hover{
	cursor: se-resize;
	border-right:4px solid white;
    border-bottom: 4px solid white;
}
/*-----------------------TEXT DECORATION----------------*/
.warning{
	color:red;
	font-size: 0.6em;
}
.warning-message{
	background-color: #ff3342;
	color:white;
	padding: 1em;
	text-align: center;
	border-radius: 5px;
}
.link{
	color:var(--blue-site);
	text-decoration: underline;
	cursor:pointer;
	transition:color 0.3s ease-in-out;
}
.link:hover{
	color:var(--hover-blue);
}
/*-------------------------FOOTER---------------------*/
.social-link{
	display: inline-block;
	-webkit-background-size: cover;
	background-size: cover;
	height: 2.5rem;
	width: 2.5rem;
	transition: all 0.3s ease-in-out;
}
.social-link+.social-link{
	margin-left: 0.6em;
}
#instagram{
	background-image: url("../image/insta.png");
}
#instagram:hover{
	background-image: url("../image/insta-active.png");
}
#facebook{
	background-image: url("../image/facebook.png");
}
#facebook:hover{
	background-image: url("../image/facebook-active.png");
}
#vk{
	background-image: url("../image/vk.png");
}
#vk:hover{
	background-image: url("../image/vk-active.png");
}
#whatsapp{
	background-image: url("../image/whatsapp.png");
}
#whatsapp:hover{
	background-image: url("../image/whatsapp-active.png");
}

/*-------------------------SEARCH----------------------*/
.search-container{
	position:relative;
}
.search-line{
	border-radius: 5px;
	padding: 0.4em;
	font-size: 0.9rem;
	width: 20em;
	font-family: "MullerRegular";
}
.search-list{
	left:0;
	top:3em;
	position: absolute;
	min-width: 100%;
	font-size: 0.9rem;
	max-height: 20em;
	border-radius: 5px;
}
.search-item{
	color: white;
	text-align: center;
	cursor: pointer;
	padding: 0.5em;
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.search-button{
	height: 1.2em;
	cursor: pointer;
}
.light-search-container>.search-list{
	border: 1px solid var(--lighter-gray);
	background-color: #f5f5f5;
}
.light-search-container .search-item:hover{
	background-color: #ccccff;
}
.dark-search-container>.search-line{
	background-color: #0e2535;
	border: 1px solid #091f2f;
	color: white;
}
.dark-search-container>.search-list{
	border: 1px solid #051c2c;
	background-color: var(--hover-head);
}
.dark-search-container .search-item:hover{
	background-color: #2e4555;
}

/*-------------------------SCROLL---------------------------*/

.scroll-v::-webkit-scrollbar{
	width:6px;
}
.scroll-h::-webkit-scrollbar{
	height:6px
}
.scroll-v::-webkit-scrollbar-track,.scroll-h::-webkit-scrollbar-track{
	background-color: #ccc;
	box-shadow: inset 0 0 2px #bbb;
}
.scroll-v::-webkit-scrollbar-thumb,.scroll-h::-webkit-scrollbar-thumb{
	background-color: #aaa;
	box-shadow: inset 0 0 3px #999;
	border-radius: 3px;
}

/*-------------------------SLIDER------------------------*/

.slider{
	position: relative;
	overflow: hidden;
}
.slider-wrapper{
	display: flex;
	height: 100%;
	width:100%;
	transition: transform 0.6s ease-in-out;
}
.slider-item{
	/*flex: 0 0 100%;*/
	min-width:100%;
	max-width: 100%;
	min-height: 100%;
	display: flex;
}
.slider-item>img{
	min-width: 100%;
	height: 100%;
}

.slider-arrow-left,.slider-arrow-right{
	position: absolute;
	min-width: 3em;
	height: 3em;
	z-index:10;	
	background: transparent;
	border:none;
	background-color: black;
	opacity: 0.4;
	transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
	-webkit-background-size: cover;
	background-size: cover;
	outline: none;
	top:50%;
	transform: translateY(-50%);
}

.slider-arrow-left{
	background-image: url("../image/arrow-left.svg");
	left:0;
}
.slider-arrow-right{
	background-image: url("../image/arrow-right.svg");
	right:0;
}
.slider-arrow-left:hover,.slider-arrow-right:hover{
	background-color:rgba(20,20,20,0.8);
	opacity:1;
}
.slider-controls{
	position:absolute;
	display: flex;
	z-index: 10;
	bottom:10%;
	left:50%;
	transform: translateX(-50%);
}
.slider-control-item{
	width:2em;
	height:0.3em;
	margin:0 0.5em;
	background-color: white;
	opacity:0.4;
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
}
.active-control{
	opacity:0.8;
}
.circle-controls .slider-control-item{
	width:1em;
	height:1em;
	border-radius: 50%;
}

/*--------------------------NAVIGATION----------------------*/
.navigation{
	display: flex;
	max-width: 1920px;
	justify-content: space-between;
	padding: 0.7em;
	margin:0 auto;
}
.nav-logo,.bottom-logo{
	height: 2.5rem;
}
.nav-menu-container{
	display: flex;
	align-items: center;
}
.nav-menu{
	display: flex;
}
.nav-menu-item{
	margin-right: 2em;
	display: inherit;
	align-items: center;
}
.nav-menu-item+.nav-menu-item{
	margin:0 2em;
}

.menu-link{
	text-decoration: none;
	display: block;
	cursor: pointer;
	transition:color 0.3s ease-in-out;
}
.nav-menu-img{
	display:none;
	-webkit-background-size: cover;
	background-size: cover;
	transition:background 0.3s ease-in-out;
}

.nav-button{
	box-shadow: none;
	border:none;
	outline:none;
	display: none;
	background-color:transparent;
	background-image: url("../image/button-toggle.svg");
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0;
	height:2rem;
	width:2rem;
	align-self:center;
	transition: background 0.3s ease-in-out;
}
.nav-button-active{
	background-image: url("../image/button-toggle-active.svg");
}
/*----------------------------ACCOUNT----------------------*/

.account-foto{
	width: 3em;
	height: 3em;
	border: 0.1em solid white;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.account-login{
	margin-right: 0.5em;
	color: white;
	font-family: "MullerBold";
	cursor: default;
}

/*----------------------------LIST--------------------------*/

.list-item{
	padding:1em 0;
	font-size: 0.9em;
	min-width: 15em;
	cursor: pointer;
	transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.list-item+.list-item{
	border-top:1px solid var(--hover-head);
}
.list-button{
	display: flex;
	cursor: pointer;
	align-items: center;
}
.list-button::after{
	content:"\25BC";
	position:relative;
	font-size: 0.8em;
	margin-left:0.5em;
}
.list-button-active::after{
	content:"\25B2";
}

/*----------------------SWITCH-MENU--------------------*/
.switch-menu{
	display: flex;
	justify-content: space-between;
	width:100%;
}
.switch-menu-item{
	cursor: pointer;
	display: block;
	border-bottom: 1px solid var(--lighter-gray);
	flex: 1;
	width: 100%;
	padding: 1em 0;
	max-height: 3em;
	text-align: center;
	transition: all 0.3s ease-in-out;
}
.switch-menu-item:hover{
	color:var(--blue-site);
	border-bottom: 3px solid var(--blue-site);
}
.menu-item-active{
	color:var(--blue-site);
	border-bottom: 3px solid var(--blue-site);
}
.menu-block{
	display: flex;
	flex-direction: column;
}

/*----------------------PLACEHOLDER---------------------*/
.placeholder{
	margin-left:0.5em;
	cursor:pointer;
	position: relative;
}
.placeholder>img{
	width:1em;
	height:1em;
}
.placeholder::before{
	content:attr(help);
	overflow: hidden;
	transition: opacity 0.3s ease-in-out;
	position: absolute;
	top:2em;
	right: 0;
	width:15em;
	height:0;
	display: flex;
	opacity: 0;
	background-color:#ffd599;
	font-size: 0.8em;
	border-radius: 5px;
}
.placeholder:hover::before{
	height: auto;
	padding: 1em;
	opacity: 1;
}
/*---------------------CURSOR------------------*/
.cur-pointer{
	cursor: pointer;
}

/*-----------------------Разметка----------------------*/

.container{
	display: flex;
	flex-direction: column;
	max-width: 1920px;
	margin:0 auto;
}

.d-flex{
	display: flex !important;
}
.d-block{
	display: block !important;
}
.d-inline{
	display: inline !important;
}
.d-inblock{
	display: inline-block !important;
}
.d-none{
	display: none !important;
}
.row{
	display: flex;
	margin:0 1rem;
	margin-bottom: 1rem;
}
.row>*{
	flex:1;
	display: flex;
	width:1px;
}
.row>*+*{
	margin-left: 1.5rem;
}
.col{
	display: flex;
	flex-direction: column;
}
.col>*{
	display: flex;
}
.col>*+*{
	margin-top: 1.5rem;
}
.flex-1{
	flex:1;
}
.flex-2{
	flex:2;
}
.flex-3{
	flex:3;
}
.flex-4{
	flex:4;
}
.flex-5{
	flex:5;
}
.flex-6{
	flex:6;
}
.fw-wrap{
	flex-wrap: wrap;
}
.fd-row{
	flex-direction: row;
}
.fd-col{
	flex-direction: column;
}
.fd-row-rs{
	flex-direction: row-reverse;
}
.fd-col-rs{
	flex-direction: column-reverse;
}
.ai-stretch{
	align-items: stretch;
}
.ai-center{
	align-items: center;
}
.ai-start{
	align-items: flex-start;
}
.ai-end{
	align-items: flex-end;
}
.ai-stretch{
	align-items: stretch;
}
.as-start{
	-ms-align-self: flex-start;
	align-self: flex-start;
}
.as-end{
	-ms-align-self: flex-end;
	align-self: flex-end;
}
.as-center{
	-ms-align-self: center;
	align-self: center;
}
.as-stretch{
	-ms-align-self: stretch;
	align-self: stretch;
}
.jc-start{
	justify-content: flex-start;
}
.jc-center{
	justify-content: center;
}
.jc-end{
	justify-content: flex-end;
}
.jc-bspace{
	justify-content: space-between;
}
.jc-aspace{
	justify-content: space-around;
}
.ajc-center{
	justify-content: center;
	align-items: center;
}
.pos-abs{
	position: absolute;
}
.pos-stat{
	position: static;
}
.pos-fix{
	position: fixed;
}
.pos-rel{
	position: relative;
}
.z-1{
	z-index: 1;
}
.z-2{
	z-index: 2;
}
.z-3{
	z-index: 3;
}
.z-4{
	z-index: 4;
}
.z-5{
	z-index: 5;
}
.z-6{
	z-index: 6;
}
.z-7{
	z-index: 7;
}
.z-8{
	z-index: 8;
}
.z-9{
	z-index: 9;
}
.z-10{
	z-index: 10;
}
.z-999{
	z-index: 999;
}
.order-1{
	order:1;
}
.order-2{
	order:2;
}
.order-3{
	order:3;
}
.order-4{
	order:4;
}
.order-5{
	order:5;
}
.order-6{
	order:6;
}
.ov-auto{
	overflow:auto;
}
.ov-hidden{
	overflow: hidden;
}
.ov-hidden-x{
	overflow-x:hidden;
}
.ov-hidden-y{
	overflow-y:hidden;
}
.ov-scroll{
	overflow:scroll;
}
.ov-scroll-x{
	overflow-x:scroll; 
}
.ov-scroll-y{
	overflow-y:scroll; 
}

.h-0{
	height: 0;
}
.h-10{
	height: 10%;
}
.h-25{
	height:25%;
}
.h-33{
	height: 33.3333333%;
}
.h-50{
	height: 50%;
}
.h-75{
	height: 75%;
}
.h-90{
	height: 90%;
}
.h-100{
	height: 100%;
}
.minh-10{
	min-height: 10%;
}
.minh-25{
	min-height:25%;
}
.minh-33{
	min-height: 33.3333333%;
}
.minh-50{
	min-height: 50%;
}
.minh-75{
	min-height: 75%;
}
.minh-90{
	min-height: 90%;
}
.minh-100{
	min-height: 100%;
}
.maxh-10{
	max-height: 10%;
}
.maxh-25{
	max-height:25%;
}
.maxh-33{
	max-height: 33.3333333%;
}
.maxh-50{
	max-height: 50%;
}
.maxh-75{
	max-height: 75%;
}
.maxh-100{
	max-height: 100%;
}
.maxh-none{
	max-height: none;
}
.minh-none{
	min-height: auto;
}
.h-auto{
	height: auto;
}
.w-0{
	width:0;
}
.w-5{
	width:5%;
}
.w-10{
	width: 10%;
}
.w-15{
	width:15%;
}
.w-20{
	width:20%;
}
.w-25{
	width:25%;
}
.w-30{
	width:30%;
}
.w-33{
	width: 33.3333333%;
}
.w-35{
	width: 35%;
}
.w-40{
	width:40%;
}
.w-45{
	width: 45%;
}
.w-50{
	width: 50%;
}
.w-55{
	width:55%;
}
.w-60{
	width:60%;
}
.w-65{
	width: 65%
}
.w-70{
	width: 70%;
}
.w-75{
	width: 75%;
}
.w-80{
	width:80%;
}
.w-85{
	width:85%;
}
.w-90{
	width:90%;
}
.w-95{
	width:95%;
}
.w-100{
	width: 100%;
}
.maxw-5{
	max-width:5%;
}
.maxw-10{
	max-width: 10%;
}
.maxw-15{
	max-width:15%;
}
.maxw-20{
	max-width:20%;
}
.maxw-25{
	max-width: 25%;
}
.maxw-30{
	max-width:30%;
}
.maxw-33{
	max-width: 33.3333333%;
}
.maxw-35{
	max-width: 35%;
}
.maxw-40{
	max-width:40%;
}
.maxw-45{
	max-width: 45%;
}
.maxw-50{
	max-width: 50%;
}
.maxw-55{
	max-width:55%;
}
.maxw-60{
	max-width:60%;
}
.maxw-65{
	max-width: 65%
}
.maxw-70{
	max-width: 70%;
}
.maxw-75{
	max-width: 75%;
}
.maxw-80{
	max-width:80%;
}
.maxw-85{
	max-width:85%;
}
.maxw-90{
	max-width:90%;
}
.maxw-95{
	max-width:95%;
}
.maxw-100{
	max-width: 100%
}
.minw-5{
	min-width: 5%;
}

.minw-10{
	min-width: 10%;
}
.minw-15{
	min-width:15%;
}
.minw-20{
	min-width:20%;
}
.minw-25{
	min-width: 25%;
}
.minw-30{
	min-width:30%;
}
.minw-33{
	min-width: 33.3333333%;
}
.minw-35{
	min-width: 35%;
}
.minw-40{
	min-width:40%;
}
.minw-45{
	min-width: 45%;
}
.minw-50{
	min-width: 50%;
}
.minw-55{
	min-width:55%;
}
.minw-60{
	min-width:60%;
}
.minw-65{
	min-width: 65%
}
.minw-70{
	min-width: 70%;
}
.minw-75{
	min-width: 75%;
}
.minw-80{
	min-width:80%;
}
.minw-85{
	min-width:85%;
}
.minw-90{
	min-width:90%;
}
.minw-95{
	min-width:95%;
}
.minw-100{
	min-width: 100%
}
.w-auto{
	width:auto;
}
.minw-none{
	min-width: none;
}
.maxw-none{
	max-width: none;
}
/*---------------------Отступы--------------------*/
.m-1{
	margin:0.5rem !important;
}
.m-2{
	margin:1rem !important;
}
.m-3{
	margin:1.5rem !important;
}
.m-4{
	margin:2rem !important;
}
.m-5{
	margin:2.5rem !important;
}
.m-6{
	margin:3rem !important;
}
.mh-1{
	margin-left: 0.5rem !important;
	margin-right: 0.5rem !important;
}
.mh-2{
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}
.mh-3{
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}
.mh-4{
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}
.mh-5{
	margin-left: 2.5rem !important;
	margin-right: 2.5rem !important;
}
.mh-6{
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}
.mv-1{
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}
.mv-2{
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.mv-3{
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}
.mv-4{
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}
.mv-5{
	margin-top: 2.5rem !important;
	margin-bottom: 2.5rem !important;
}
.mv-6{
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}
.mt-1{
	margin-top:0.5rem !important;
}
.mt-2{
	margin-top:1rem !important;
}
.mt-3{
	margin-top:1.5rem !important;
}
.mt-4{
	margin-top:2rem !important;
}
.mt-5{
	margin-top:2.5rem !important;
}
.mt-6{
	margin-top:3rem !important;
}
.mr-1{
	margin-right: 0.5rem !important;
}
.mr-2{
	margin-right: 1rem !important;
}
.mr-3{
	margin-right: 1.5rem !important;
}
.mr-4{
	margin-right: 2rem !important;
}
.mr-5{
	margin-right: 2.5rem !important;
}
.mr-6{
	margin-right: 3rem !important;
}
.mb-1{
	margin-bottom: 0.5rem !important;
}
.mb-2{
	margin-bottom: 1rem !important;
}
.mb-3{
	margin-bottom: 1.5rem !important;
}
.mb-4{
	margin-bottom: 2rem !important;
}
.mb-5{
	margin-bottom: 2.5rem !important;
}
.mb-6{
	margin-bottom: 3rem !important;
}
.ml-1{
	margin-left: 0.5rem !important;
}
.ml-2{
	margin-left: 1rem !important;
}
.ml-3{
	margin-left: 1.5rem !important;
}
.ml-4{
	margin-left: 2rem !important;
}
.ml-5{
	margin-left: 2.5rem !important;
}
.ml-6{
	margin-left: 3rem !important;
}
.m-auto{
	margin:auto !important;
}
.mh-auto{
	margin-right: auto !important;
	margin-left: auto !important;
}
.m-0{
	margin:0 !important;
}
.mv-0{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.mh-0{
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.mt-0{
	margin-top: 0 !important;
}
.ml-0{
	margin-left: 0 !important;
}
.mr-0{
	margin-right: 0 !important;
}
.mb-0{
	margin-bottom:0 !important;
}
.p-1{
	padding: 0.5rem !important;
}
.p-2{
	padding: 1rem !important;
}
.p-3{
	padding: 1.5rem !important;
}
.p-4{
	padding: 2rem !important;
}
.p-5{
	padding: 2.5rem !important;
}
.p-6{
	padding: 3rem !important;
}
.ph-1{
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}
.ph-2{
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.ph-3{
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}
.ph-4{
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}
.ph-5{
	padding-left: 2.5rem !important;
	padding-right: 2.5rem !important;
}
.ph-6{
	padding-left: 3rem !important;
	padding-right: 3rem !important;
}
.pv-1{
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}
.pv-2{
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.pv-3{
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}
.pv-4{
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.pv-5{
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}
.pv-6{
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.pt-1{
	padding-top: 0.5rem !important;
}
.pt-2{
	padding-top: 1rem !important;
}
.pt-3{
	padding-top: 1.5rem !important;
}
.pt-4{
	padding-top: 2rem !important;
}
.pt-5{
	padding-top: 2.5rem !important;
}
.pt-6{
	padding-top: 3rem !important;
}
.pr-1{
	padding-right: 0.5rem !important;
}
.pr-2{
	padding-right: 1rem !important;
}
.pr-3{
	padding-right: 1.5rem !important;
}
.pr-4{
	padding-right: 2rem !important;
}
.pr-5{
	padding-right: 2.5rem !important;
}
.pr-6{
	padding-right: 3rem !important;
}
.pb-1{
	padding-bottom: 0.5rem !important;
}
.pb-2{
	padding-bottom: 1rem !important;
}
.pb-3{
	padding-bottom: 1.5rem !important;
}
.pb-4{
	padding-bottom: 2rem !important;
}
.pb-5{
	padding-bottom: 2.5rem !important;
}
.pb-6{
	padding-bottom: 3rem !important;
}
.pl-1{
	padding-left: 0.5rem !important;
}
.pl-2{
	padding-left: 1rem !important;
}
.pl-3{
	padding-left: 1.5rem !important;
}
.pl-4{
	padding-left: 2rem !important;
}
.pl-5{
	padding-left: 2.5rem !important;
}
.pl-6{
	padding-left: 3rem !important;
}
.p-auto{
	padding:auto !important;
}
.p-0{
	padding: 0 !important;
}
.pv-0{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.ph-0{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.pl-0{
	padding-left: 0 !important;
}
.pt-0{
	padding-top: 0 !important;
}
.pr-0{
	padding-right: 0 !important;
}
.pb-0{
	padding-bottom: 0 !important;
}
/*-----------------------BORDER----------------*/
.bl-1{
	border-left-width: 1px;
}
.bl-2{
	border-left-width: 2px;
}
.bl-3{
	border-left-width: 3px;
}
.bl-4{
	border-left-width: 4px;
}
.bl-5{
	border-left-width: 5px;
}
.bt-1{
	border-top-width: 1px;
}
.bt-2{
	border-top-width: 2px;
}
.bt-3{
	border-top-width: 3px;
}
.bt-4{
	border-top-width: 4px;
}
.bt-5{
	border-top-width: 5px;
}
.br-1{
	border-right-width: 1px;
}
.br-2{
	border-right-width: 2px;
}
.br-3{
	border-right-width: 3px;
}
.br-4{
	border-right-width: 4px;
}
.br-5{
	border-right-width: 5px;
}
.bb-1{
	border-bottom-width: 1px;
}
.bb-2{
	border-bottom-width: 2px;
}
.bb-3{
	border-bottom-width: 3px;
}
.bb-4{
	border-bottom-width: 4px;
}
.bb-5{
	border-bottom-width: 5px;
}
.bh-1{
	border-top-width: 1px;
	border-bottom-width: 1px;
}
.bh-2{
	border-top-width: 2px;
	border-bottom-width: 2px;
}
.bh-3{
	border-top-width: 3px;
	border-bottom-width: 3px;
}
.bh-4{
	border-top-width: 4px;
	border-bottom-width: 4px;
}
.bh-5{
	border-top-width: 5px;
	border-bottom-width: 5px;
}
.bv-1{
	border-right-width: 1px;
	border-left-width: 1px;
}
.bv-2{
	border-right-width: 2px;
	border-left-width: 2px;
}
.bv-3{
	border-right-width: 3px;
	border-left-width: 3px;
}
.bv-4{
	border-right-width: 4px;
	border-left-width: 4px;
}
.bv-5{
	border-right-width: 5px;
	border-left-width: 5px;
}
.b-1{
	border-width: 1px;
}
.b-2{
	border-width: 2px;
}
.b-3{
	border-width: 3px;
}
.b-4{
	border-width: 4px;
}
.b-5{
	border-width: 5px;
}
.br-5{
	border-radius: 5px;
}
.br-circle{
	border-radius: 50%;
}
.br-0{
	border-radius: 0;
}
.bt-none{
	border-top-style: none !important;
}
.bl-none{
	border-left-style:none !important;
}
.bb-none{
	border-bottom-style: none !important;
}
.br-none{
	border-right-style: none !important;
}
.b-none{
	border:none !important;
}


.bt-1,.bt-2,.bt-3,.bt-4,.bt-5{
	border-top-style: solid;
}
.bl-1,.bl-2,.bl-3,.bl-4,.bl-5{
	border-left-style: solid;
}
.br-1,.br-2,.br-3,.br-4,.br-5{
	border-right-style: solid;
}
.bb-1,.bb-2,.bb-3,.bb-4,.bb-5{
	border-bottom-style: solid;
}
.bv-1,.bv-2,.bv-3,.bv-4,.bv-5{
	border-top-style: solid;
	border-bottom-style: solid;
}
.bh-1,.bh-2,.bh-3,.bh-4,.bh-5{
	border-left-style: solid;
	border-right-style: solid;
}
.b-1,.b-2,.b-3,.b-4,.b-5{
	border-style: solid;
}
/*----------------------COLORS------------------------*/
.bg-red{
	background-color: red;
}
.bg-warning{
	background-color:#ff3342;
}
.bg-yellow{
	background-color: yellow;
}
.bg-blue{
	background-color: blue;
}
.bg-iceblue{
	background-color: #5c94fc;
}
.bg-gray{
	background-color: gray;
}
.bg-white{
	background-color: #fff;
}
.bg-coral{
	background-color: coral;
}
.bg-violet{
	background-color: darkviolet;
}
.bg-pink{
	background-color: deeppink;
}
.bg-dark{
	background-color: var(--head-color);
}
.bg-darkhover{
	background-color: var(--hover-head);
}
.bg-hoverblue{
	background-color: var(--hover-blue);
}
.bg-green{
	background-color: var(--green-site);
}
.bg-hovergreen{
	background-color: var(--hover-green);
}
.bg-silver{
	background-color: var(--lighter-gray);
}
.bg-light{
	background-color: var(--light-back);
}
.bg-darkgray{
	background-color: var(--gray-text);
}
.bg-black{
	background-color: black;
} 
.bg-titanum{
	background-color: var(--light-text);
}
.bg-transparent{
	background-color: transparent;
}

.hbg-red:hover{
	background-color: red !important;
}
.hbg-warning:hover{
	background-color:#ff3342 !important;
}
.hbg-yellow:hover{
	background-color: yellow !important;
}
.hbg-blue:hover{
	background-color: blue !important;
}
.hbg-iceblue:hover{
	background-color: #5c94fc !important;
}
.hbg-gray:hover{
	background-color: gray !important;
}
.hbg-white:hover{
	background-color: #fff !important;
}
.hbg-coral:hover{
	background-color: coral !important;
}
.hbg-violet:hover{
	background-color: darkviolet !important;
}
.hbg-pink:hover{
	background-color: deeppink !important;
}
.hbg-dark:hover{
	background-color: var(--head-color) !important;
}
.hbg-darkhover:hover{
	background-color: var(--hover-head) !important;
}
.hbg-hoverblue{
	background-color: var(--hover-blue) !important;
}
.hbg-green:hover{
	background-color: var(--green-site) !important;
}
.hbg-hovergreen:hover{
	background-color: var(--hover-green) !important;
}
.hbg-silver:hover{
	background-color: var(--lighter-gray) !important;
}
.hbg-light:hover{
	background-color: var(--light-back) !important;
}
.hbg-darkgray:hover{
	background-color: var(--gray-text) !important;
}
.hbg-titanum:hover{
	background-color: var(--light-text);
}
.hbg-transparent:hover{
	background-color: transparent !important;
}

.c-silver{
	color: var(--lighter-gray);
}
.c-gray{
	color: #818181;
}
.c-darkgray{
	color: var(--gray-text);
}
.c-red{
	color: red;
}
.c-warning{
	color:#ff3342;
}
.c-yellow{
	color: yellow;
}
.c-blue{
	color: blue;
}
.c-iceblue{
	color: #5c94fc;
}
.c-white{
	color: white;
}
.c-coral{
	color: coral;
}
.c-violet{
	color: darkviolet;
}
.c-pink{
	color: deeppink;
}
.c-dark{
	color: var(--head-color);
}
.c-darkhover{
	color: var(--hover-head);
}
.c-hoverblue{
	color: var(--hover-blue);
}
.c-green{
	color: var(--green-site);
}
.c-hovergreen{
	color: var(--hover-green);
}
.c-light{
	color: var(--light-back);
}
.c-titanum{
	color: var(--light-text);
}
.c-black{
	color:black;
}

.hc-red:hover{
	color: red !important;
}
.hc-warning:hover{
	color:#ff3342 !important;
}
.hc-yellow:hover{
	color: yellow !important;
}
.hc-blue:hover{
	color: blue !important;
}
.hc-iceblue:hover{
	color: #5c94fc !important;
}
.hc-gray:hover{
	color: #818181 !important;
}
.hc-white:hover{
	color: white !important;
}
.hc-coral:hover{
	color: coral !important;
}
.hc-violet:hover{
	color: darkviolet !important;
}
.hc-pink:hover{
	color: deeppink !important;
}
.hc-dark:hover{
	color: var(--head-color) !important;
}
.hc-darkhover:hover{
	color: var(--hover-head) !important;
}
.hc-hoverblue:hover{
	color: var(--hover-blue) !important;
}
.hc-green:hover{
	color: var(--green-site) !important;
}
.hc-hovergreen:hover{
	color: var(--hover-green) !important;
}
.hc-silver:hover{
	color: var(--lighter-gray) !important;
}
.hc-titanum:hover{
	color: var(--light-text) !important;
}
.hc-light:hover{
	color: var(--light-back) !important;
}
.hc-darkgray:hover{
	color: var(--gray-text) !important;
}

.b-red{
	border-color: red;
}
.b-warning{
	border-color:#ff3342;
}
.b-yellow{
	border-color: yellow;
}
.b-blue{
	border-color: blue;
}
.b-iceblue{
	border-color: #5c94fc;
}
.b-gray{
	border-color: #818181;
}
.b-white{
	border-color: #fff;
}
.b-black{
	border-color:black;
}
.b-dark{
	border-color: var(--head-color);
}
.b-darkhover{
	border-color: var(--hover-head);
}
.b-hoverblue{
	border-color: var(--hover-blue);
}
.b-green{
	border-color: var(--green-site);
}
.b-hovergreen{
	border-color: var(--hover-green);
}
.b-silver{
	border-color: var(--lighter-gray);
}
.b-midlight{
	border-color:#ccc;
}
.b-light{
	border-color: var(--light-back);
}
.b-darkgray{
	border-color: var(--gray-text);
}
.b-titanum{
	border-color: var(--light-text);
}
.bgsz-cover{
	-webkit-background-size: cover;
	background-size: cover;
}
.bgsz-contain{
	-webkit-background-size: contain;
	background-size: contain;
}
/*-------------------------OPACITY--------------------------*/
.op-0{
	opacity: 0 !important;
}
.op-1{
	opacity: 0.1 !important;
}
.op-2{
	opacity: 0.2 !important;
}
.op-3{
	opacity: 0.3 !important;
}
.op-4{
	opacity: 0.4 !important;
}
.op-5{
	opacity: 0.5 !important;
}
.op-6{
	opacity: 0.6 !important;
}
.op-7{
	opacity: 0.7 !important;
}
.op-8{
	opacity: 0.8 !important;
}
.op-9{
	opacity: 0.9 !important;
}
.op-10{
	opacity: 1 !important;
}
.hop-0:hover{
	opacity: 0 !important;
}
.hop-1:hover{
	opacity: 0.1 !important;
}
.hop-2:hover{
	opacity: 0.2 !important;
}
.hop-3:hover{
	opacity: 0.3 !important;
}
.hop-4:hover{
	opacity: 0.4 !important;
}
.hop-5:hover{
	opacity: 0.5 !important;
}
.hop-6:hover{
	opacity: 0.6 !important;
}
.hop-7:hover{
	opacity: 0.7 !important;
}
.hop-8:hover{
	opacity: 0.8 !important;
}
.hop-9:hover{
	opacity: 0.9 !important;
}
.hop-10:hover{
	opacity: 1 !important;
}

/*-------------------------FONTS AND TEXT-------------------*/

.fsz-05{
	font-size: 0.5em;
}
.fsz-06{
	font-size: 0.6rem;
}
.fsz-07{
	font-size: 0.7rem;
}
.fsz-08{
	font-size: 0.8rem;
}
.fsz-09{
	font-size: 0.9rem;
}
.fsz-10{
	font-size: 1em;
}
.fsz-12{
	font-size: 1.2em;
}
.fsz-15{
	font-size: 1.5em;
}
.fsz-20{
	font-size: 2em;
}
.fsz-25{
	font-size: 2.5em;
}
.fsz-30{
	font-size: 3em;
}
.fw-normal{
	font-weight: normal;
}
.fw-bold{
	font-weight: bold
}
.ff-uni-t{
	font-family: "UniThin";
}
.ff-uni-h{
	font-family: "UniHeavy";
}
.ff-mul-b{
	font-family: "MullerBold";
}
.ff-mul-r{
	font-family: "MullerRegular";
}
.ff-mul-t{
	font-family: "MullerThin";
}
.ff-roboto-b{
	font-family: "RobotoBold";
}
.ff-roboto-r{
	font-family:"Roboto";
}
.ff-in{
	font-family: inherit;
}
.t-center{
	text-align: center;
}
.t-left{
	text-align: left;
}
.t-right{
	text-align: right;
}
.t-justify{
	text-align: justify;
}
.td-underline{
	text-decoration: underline;
}
.td-none{
	text-decoration: none;
}
.lh-1{
	line-height: 1;
}
.shadow-none{
	box-shadow: none;
}




/*------------------------------ANIMATE-SCROLL------------------------*/
.anim-scale{
	transform: scale(0.2);
	opacity: 0;
}
.anim-opacity{
	opacity:0;
}
.anim-right{
	transform: translate3d(10em, 0, 0);
	opacity: 0;
}
.anim-left{
	transform: translate3d(-10em, 0, 0);
	opacity: 0;
}
.anim-top{
	transform: translate3d(0, -10em, 0);
	opacity: 0;
}
.anim-bottom{
	transform: translate3d(0, 10em, 0);
	opacity: 0;
}
.anim-opacity-active{
	opacity:1;
}
.anim-scale-active{
	transform:scale(1.0);
	opacity:1;
}
.anim-bottom-active,.anim-top-active,.anim-left-active,.anim-right-active{
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
.anim{
	transition: all 1s ease-in-out;
}

@media(max-width:1023px) and (max-height:1023px){
	:root{
		font-size:4vw;
	}
	/*---------------------SWITCH-MENU-----------------*/
	.switch-menu{
		overflow-x:scroll;
	}
	.switch-menu-item{
		min-width: 10em;
		padding-left: 2em;
		padding-right: 2em;
	}
	/*--------------------CARS AND PANEL--------------*/
	.panel-m{
		box-shadow: none;
		border-radius: 0;
		padding:0;
	}
	/*---------------------NAVIGATION-----------------*/
	
	.nav-menu-container{
		position:absolute;
		z-index: 100;
		display: flex;
		background-color: rgba(0,0,0,0.3);
		top:4.1rem;
		width:0;
		height: calc(100vh - 3.5em);
		transition: width 0.3s ease-in-out;
		overflow: hidden;
	}
	.nav-menu{   
		background-color: var(--gray-text);
		width:70%;
		flex-direction: column;
		transition: width 0.3s ease-in-out;
		overflow-y: scroll; 
		height:100%; 
		white-space: nowrap;
	}
	.nav-logo{
		height: 2em;
	}
	.nav-menu-item{
		width: 100%;
		order:2;  
	}
	.nav-menu-item+.nav-menu-item{
		margin:0;
	}
	.nav-link{
		display: flex;
		width:100%;
		align-items: center;
		padding: 0.8em 0;
		border-bottom: 1px solid #0a1d21;
	}
	.nav-menu-img{
		display:block;
		height: 2em;
		width:2em;
		margin:0 0.7em;
	}

	.nav-button{
		display: flex;
	}
	.active-toggle{
		width:100%;
	}
	.body-overflow{
		overflow: hidden;
		width:100%;
		height:100%;
	}
	/*--------------------------FOOTER--------------------*/
	.social-link{
		height: 3em;
		width: 3em;
	}
	/*------------------------------------------------*/



	.row-m{
		display: flex;
		margin-bottom: 1rem;
	}
	.row-m>*{
		flex:1;
		display: flex;
	}
	.row-m>*+*{
		margin-left: 1.5rem;
		margin-top: 0;
	}
	.col-m{
		display: flex;
		flex-direction: column;
	}
	.col-m>*{
		width: auto;
		display: flex;
	}
	.col-m>*+*{
		margin-left: 0;
		margin-top: 1.5rem;
	}
	.fd-m-row{
		flex-direction: row;
	}
	.fd-m-col{
		flex-direction: column;
	}
	.fd-m-row-rs{
		flex-direction: row-reverse;
	}
	.fd-m-col-rs{
		flex-direction: column-reverse;
	}
	.d-m-flex{
		display: flex !important;
	}
	.d-m-block{
		display: block !important;
	}
	.d-m-inline{
		display: inline !important;
	}
	.d-m-inblock{
		display: inline-block !important;
	}
	.d-m-none{
		display: none !important;
	}
	.flex-m-1{
		flex:1;
	}
	.flex-m-2{
		flex:2;
	}
	.flex-m-3{
		flex:3;
	}
	.flex-m-4{
		flex:4;
	}
	.flex-m-5{
		flex:5;
	}
	.flex-m-6{
		flex:6;
	}
	.ai-m-stretch{
		align-items: stretch;
	}
	.ai-m-center{
		align-items: center;
	}
	.ai-m-start{
		align-items: flex-start;
	}
	.ai-m-end{
		align-items: flex-end;
	}
	.as-m-start{
		-ms-align-self: flex-start;
		align-self: flex-start;
	}
	.as-m-end{
		-ms-align-self: flex-end;
		align-self: flex-end;
	}
	.as-m-center{
		-ms-align-self: center;
		align-self: center;
	}
	.as-m-stretch{
		-ms-align-self: stretch;
		align-self: stretch;
	}
	.jc-m-start{
		justify-content: flex-start;
	}
	.jc-m-center{
		justify-content: center;
	}
	.jc-m-end{
		justify-content: flex-end;
	}
	.jc-m-bspace{
		justify-content: space-between;
	}
	.jc-m-aspace{
		justify-content: space-around;
	}
	.ajc-m-center{
		justify-content: center;
		align-items: center;
	}
	.pos-m-abs{
		position: absolute;
	}
	.pos-m-stat{
		position: static;
	}
	.pos-m-rel{
		position: relative;
	}
	.pos-m-fix{
		position: fixed;
	}
	.order-m-1{
		order:1;
	}
	.order-m-2{
		order:2;
	}
	.order-m-3{
		order:3;
	}
	.order-m-4{
		order:4;
	}
	.order-m-5{
		order:5;
	}
	.order-m-6{
		order:6;
	}
	.ov-m-hidden{
		overflow: hidden;
	}
	.ov-m-hidden-x{
		overflow-x:hidden;
	}
	.ov-m-hidden-y{
		overflow-y:hidden;
	}
	.ov-m-scroll{
		overflow:scroll;
	}
	.ov-m-scroll-x{
		overflow-x:scroll; 
	}
	.ov-m-scroll-y{
		overflow-y:scroll; 
	}
	.ov-m-auto{
		overflow:auto;
	}
	
	.h-m-10{
		height: 10% !important;
	}
	.h-m-25{
		height:25% !important;
	}
	.h-m-33{
		height: 33.3333333% !important;
	}
	.h-m-50{
		height: 50% !important;
	}
	.h-m-75{
		height: 75% !important;
	}
	.h-m-100{
		height: 100% !important;
	}
	.minh-m-10{
		min-height: 10% !important;
	}
	.minh-m-25{
		min-height:25% !important;
	}
	.minh-m-33{
		min-height: 33.3333333% !important;
	}
	.minh-m-50{
		min-height: 50% !important;
	}
	.minh-m-75{
		min-height: 75% !important;
	}
	.minh-m-100{
		min-height: 100% !important;
	}
	.maxh-m-10{
		max-height: 10% !important;
	}
	.maxh-m-25{
		max-height:25% !important;
	}
	.maxh-m-33{
		max-height: 33.3333333% !important;
	}
	.maxh-m-50{
		max-height: 50% !important;
	}
	.maxh-m-75{
		max-height: 75% !important;
	}
	.maxh-m-100{
		max-height: 100% !important;
	}
	.h-m-auto{
		height: auto !important;
	}
	.w-m-5{
		width:5% !important;
	}
	.w-m-10{
		width: 10% !important;
	}
	.w-m-15{
		width:15% !important;
	}
	.w-m-20{
		width:20% !important;
	}
	.w-m-25{
		width:25% !important;
	}
	.w-m-30{
		width:30% !important;
	}
	.w-m-33{
		width: 33.3333333% !important;
	}
	.w-m-35{
		width:35% !important;
	}
	.w-m-40{
		width:40% !important;
	}
	.w-m-45{
		width:45% !important;
	}
	.w-m-50{
		width: 50% !important;
	}
	.w-m-55{
		width: 55% !important;
	}
	.w-m-60{
		width: 60% !important;
	}
	.w-m-65{
		width: 65% !important;
	}
	.w-m-70{
		width: 70% !important;
	}
	.w-m-75{
		width: 75% !important;
	}
	.w-m-80{
		width: 80% !important;
	}
	.w-m-85{
		width: 85% !important;
	}
	.w-m-90{
		width: 90% !important;
	}
	.w-m-95{
		width: 95% !important;
	}
	.w-m-100{
		width: 100% !important;
	}
	.maxw-m-5{
		max-width: 5% !important;
	}
	.maxw-m-10{
		max-width: 10% !important;
	}
	.maxw-m-15{
		max-width: 15% !important;
	}
	.maxw-m-20{
		max-width: 20% !important;
	}
	.maxw-m-25{
		max-width: 25% !important;
	}
	.maxw-m-30{
		max-width: 30% !important;
	}
	.maxw-m-33{
		max-width: 33.3333333% !important;
	}
	.maxw-m-35{
		max-width: 35% !important;
	}
	.maxw-m-40{
		max-width: 40% !important;
	}
	.maxw-m-45{
		max-width: 45% !important;
	}
	.maxw-m-50{
		max-width: 50% !important;
	}
	.maxw-m-55{
		max-width: 55% !important;
	}
	.maxw-m-60{
		max-width: 60% !important;
	}
	.maxw-m-65{
		max-width: 65% !important;
	}
	.maxw-m-70{
		max-width: 70% !important;
	}
	.maxw-m-75{
		max-width: 75% !important;
	}
	.maxw-m-80{
		max-width: 80% !important;
	}
	.maxw-m-85{
		max-width: 15% !important;
	}
	.maxw-m-90{
		max-width: 90% !important;
	}
	.maxw-m-95{
		max-width: 95% !important;
	}
	.maxw-m-100{
		max-width: 100% !important;
	}
	.minw-m-0{
		min-width: 0 !important;
	}
	.minw-m-5{
		min-width: 5% !important;
	}
	.minw-m-10{
		min-width: 10% !important;
	}
	.minw-m-15{
		min-width: 15% !important;
	}
	.minw-m-20{
		min-width: 20% !important;
	}
	.minw-m-25{
		min-width: 25% !important;
	}
	.minw-m-30{
		min-width: 30% !important;
	}
	.minw-m-33{
		min-width: 33.3333333% !important;
	}
	.minw-m-35{
		min-width: 35% !important;
	}
	.minw-m-40{
		min-width: 40% !important;
	}
	.minw-m-45{
		min-width: 45% !important;
	}
	.minw-m-50{
		min-width: 50% !important;
	}
	.minw-m-55{
		min-width: 55% !important;
	}
	.minw-m-60{
		min-width: 60% !important;
	}
	.minw-m-65{
		min-width: 65% !important;
	}
	.minw-m-70{
		min-width: 70% !important;
	}
	.minw-m-75{
		min-width: 75% !important;
	}
	.minw-m-80{
		min-width: 80% !important;
	}
	.minw-m-85{
		min-width: 85% !important;
	}
	.minw-m-90{
		min-width: 90% !important;
	}
	.minw-m-95{
		min-width: 95% !important;
	}
	.minw-m-100{
		min-width: 100% !important;
	}
	.minw-m-none{
		min-width: none;
	}
	.maxw-m-none{
		max-width: none;
	}
	.w-m-auto{
		width:auto;
	}
	/*-------------------FONTS AND TEXT--------------*/
	.fsz-m-05{
		font-size: 0.5em !important;
	}
	.fsz-m-06{
		font-size: 0.6rem !important;
	}
	.fsz-m-07{
		font-size: 0.7rem !important;
	}
	.fsz-m-08{
		font-size: 0.8rem !important;
	}
	.fsz-m-09{
		font-size: 0.9rem !important;
	}
	.fsz-m-10{
		font-size: 1em !important;
	}
	.fsz-m-12{
		font-size: 1.2em !important;
	}
	.fsz-m-15{
		font-size: 1.5em !important;
	}
	.fsz-m-20{
		font-size: 2em !important;
	}
	.fsz-m-25{
		font-size: 2.5em !important;
	}
	.fsz-m-30{
		font-size: 3em !important;
	}
	.fw-m-normal{
		font-weight: normal;
	}
	.fw-m-bold{
		font-weight: bold
	}
	.fw-m-wrap{
		flex-wrap: wrap;
	}
	.t-m-center{
		text-align: center;
	}
	.t-m-left{
		text-align: left;
	}
	.t-m-right{
		text-align: right;
	}
	/*---------------------Отступы--------------------*/
	.m-m-1{
		margin:0.5rem !important;
	}
	.m-m-2{
		margin:1rem !important;
	}
	.m-m-3{
		margin:1.5rem !important;
	}
	.m-m-4{
		margin:2rem !important;
	}
	.m-m-5{
		margin:2.5rem !important;
	}
	.m-m-6{
		margin:3rem !important;
	}
	.mh-m-1{
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}
	.mh-m-2{
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}
	.mh-m-3{
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important;
	}
	.mh-m-4{
		margin-left: 2rem !important;
		margin-right: 2rem !important;
	}
	.mh-m-5{
		margin-left: 2.5rem !important;
		margin-right: 2.5rem !important;
	}
	.mh-m-6{
		margin-left: 3rem !important;
		margin-right: 3rem !important;
	}
	.mv-m-1{
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	.mv-m-2{
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	.mv-m-3{
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
	.mv-m-4{
		margin-top: 2rem !important;
		margin-bottom: 2rem !important;
	}
	.mv-m-5{
		margin-top: 2.5rem !important;
		margin-bottom: 2.5rem !important;
	}
	.mv-m-6{
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
	.mt-m-1{
		margin-top:0.5rem !important;
	}
	.mt-m-2{
		margin-top:1rem !important;
	}
	.mt-m-3{
		margin-top:1.5rem !important;
	}
	.mt-m-4{
		margin-top:2rem !important;
	}
	.mt-m-5{
		margin-top:2.5rem !important;
	}
	.mt-m-6{
		margin-top:3rem !important;
	}
	.mr-m-1{
		margin-right: 0.5rem !important;
	}
	.mr-m-2{
		margin-right: 1rem !important;
	}
	.mr-m-3{
		margin-right: 1.5rem !important;
	}
	.mr-m-4{
		margin-right: 2rem !important;
	}
	.mr-m-5{
		margin-right: 2.5rem !important;
	}
	.mr-m-6{
		margin-right: 3rem !important;
	}
	.mb-m-1{
		margin-bottom: 0.5rem !important;
	}
	.mb-m-2{
		margin-bottom: 1rem !important;
	}
	.mb-m-3{
		margin-bottom: 1.5rem !important;
	}
	.mb-m-4{
		margin-bottom: 2rem !important;
	}
	.mb-m-5{
		margin-bottom: 2.5rem !important;
	}
	.mb-m-6{
		margin-bottom: 3rem !important;
	}
	.ml-m-1{
		margin-left: 0.5rem !important;
	}
	.ml-m-2{
		margin-left: 1rem !important;
	}
	.ml-m-3{
		margin-left: 1.5rem !important;
	}
	.ml-m-4{
		margin-left: 2rem !important;
	}
	.ml-m-5{
		margin-left: 2.5rem !important;
	}
	.ml-m-6{
		margin-left: 3rem !important;
	}
	.m-m-auto{
		margin:auto !important;
	}
	.mh-m-auto{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.m-m-0{
		margin:0 !important;
	}
	.mh-m-0{
		margin-left:0 !important;
		margin-right: 0 !important;
	}
	.mv-m-0{
		margin-top:0 !important;
		margin-bottom: 0 !important;
	}
	.ml-m-0{
		margin-left: 0 !important;
	}
	.mr-m-0{
		margin-right: 0 !important;
	}
	.mt-m-0{
		margin-top: 0 !important;
	}
	.mb-m-0{
		margin-bottom: 0 !important;
	}
	.p-m-1{
		padding: 0.5rem !important;
	}
	.p-m-2{
		padding: 1rem !important;
	}
	.p-m-3{
		padding: 1.5rem !important;
	}
	.p-m-4{
		padding: 2rem !important;
	}
	.p-m-5{
		padding: 2.5rem !important;
	}
	.p-m-6{
		padding: 3rem !important;
	}
	.ph-m-1{
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}
	.ph-m-2{
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.ph-m-3{
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
	.ph-m-4{
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	.ph-m-5{
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important;
	}
	.ph-m-6{
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
	.pv-m-1{
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.pv-m-2{
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.pv-m-3{
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.pv-m-4{
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	.pv-m-5{
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}
	.pv-m-6{
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	.pt-m-1{
		padding-top: 0.5rem !important;
	}
	.pt-m-2{
		padding-top: 1rem !important;
	}
	.pt-m-3{
		padding-top: 1.5rem !important;
	}
	.pt-m-4{
		padding-top: 2rem !important;
	}
	.pt-m-5{
		padding-top: 2.5rem !important;
	}
	.pt-m-6{
		padding-top: 3rem !important;
	}
	.pr-m-1{
		padding-right: 0.5rem !important;
	}
	.pr-m-2{
		padding-right: 1rem !important;
	}
	.pr-m-3{
		padding-right: 1.5rem !important;
	}
	.pr-m-4{
		padding-right: 2rem !important;
	}
	.pr-m-5{
		padding-right: 2.5rem !important;
	}
	.pr-m-6{
		padding-right: 3rem !important;
	}
	.pb-m-1{
		padding-bottom: 0.5rem !important;
	}
	.pb-m-2{
		padding-bottom: 1rem !important;
	}
	.pb-m-3{
		padding-bottom: 1.5rem !important;
	}
	.pb-m-4{
		padding-bottom: 2rem !important;
	}
	.pb-m-5{
		padding-bottom: 2.5rem !important;
	}
	.pb-m-6{
		padding-bottom: 3rem !important;
	}
	.pl-m-1{
		padding-left: 0.5rem !important;
	}
	.pl-m-2{
		padding-left: 1rem !important;
	}
	.pl-m-3{
		padding-left: 1.5rem !important;
	}
	.pl-m-4{
		padding-left: 2rem !important;
	}
	.pl-m-5{
		padding-left: 2.5rem !important;
	}
	.pl-m-6{
		padding-left: 3rem !important;
	}
	.p-m-auto{
		padding:auto !important;
	}
	.p-m-0{
		padding: 0 !important;
	}	
	.ph-m-0{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.pv-m-0{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.pl-m-0{
		padding-left: 0 !important;
	}
	.pr-m-0{
		padding-right: 0 !important;
	}
	.pt-m-0{
		padding-top: 0 !important;
	}
	.pb-m-0{
		padding-bottom: 0 !important;
	}
	/*----------------------------BORDER---------------------*/
	.bl-m-1{
		border-left-width: 1px;
	}
	.bl-m-2{
		border-left-width: 2px;
	}
	.bl-m-3{
		border-left-width: 3px;
	}
	.bl-m-4{
		border-left-width: 4px;
	}
	.bl-m-5{
		border-left-width: 5px;
	}
	.bt-m-1{
		border-top-width: 1px;
	}
	.bt-m-2{
		border-top-width: 2px;
	}
	.bt-m-3{
		border-top-width: 3px;
	}
	.bt-m-4{
		border-top-width: 4px;
	}
	.bt-m-5{
		border-top-width: 5px;
	}
	.br-m-1{
		border-right-width: 1px;
	}
	.br-m-2{
		border-right-width: 2px;
	}
	.br-m-3{
		border-right-width: 3px;
	}
	.br-m-4{
		border-right-width: 4px;
	}
	.br-m-5{
		border-right-width: 5px;
	}
	.bb-m-1{
		border-bottom-width: 1px;
	}
	.bb-m-2{
		border-bottom-width: 2px;
	}
	.bb-m-3{
		border-bottom-width: 3px;
	}
	.bb-m-4{
		border-bottom-width: 4px;
	}
	.bb-m-5{
		border-bottom-width: 5px;
	}
	.bh-m-1{
		border-top-width: 1px;
		border-bottom-width: 1px;
	}
	.bh-m-2{
		border-top-width: 2px;
		border-bottom-width: 2px;
	}
	.bh-m-3{
		border-top-width: 3px;
		border-bottom-width: 3px;
	}
	.bh-m-4{
		border-top-width: 4px;
		border-bottom-width: 4px;
	}
	.bh-m-5{
		border-top-width: 5px;
		border-bottom-width: 5px;
	}
	.bv-m-1{
		border-right-width: 1px;
		border-left-width: 1px;
	}
	.bv-m-2{
		border-right-width: 2px;
		border-left-width: 2px;
	}
	.bv-m-3{
		border-right-width: 3px;
		border-left-width: 3px;
	}
	.bv-m-4{
		border-right-width: 4px;
		border-left-width: 4px;
	}
	.bv-m-5{
		border-right-width: 5px;
		border-left-width: 5px;
	}
	.b-m-1{
		border-width: 1px;
	}
	.b-m-2{
		border-width: 2px;
	}
	.b-m-3{
		border-width: 3px;
	}
	.b-m-4{
		border-width: 4px;
	}
	.b-m-5{
		border-width: 5px;
	}
	.br-m-circle{
		border-radius: 50%;
	}
	.bt-m-none{
		border-top-style: none !important;
	}
	.bl-m-none{
		border-left-style:none !important;
	}
	.bb-m-none{
		border-bottom-style: none !important;
	}
	.br-m-none{
		border-right-style: none !important;
	}
	.b-m-none{
		border:none !important;
	}


	.bt-m-1,.bt-m-2,.bt-m-3,.bt-m-4,.bt-m-5{
		border-top-style: solid;
	}
	.bl-m-1,.bl-m-2,.bl-m-3,.bl-m-4,.bl-m-5{
		border-left-style: solid;
	}
	.br-m-1,.br-m-2,.br-m-3,.br-m-4,.br-m-5{
		border-right-style: solid;
	}
	.bb-m-1,.bb-m-2,.bb-m-3,.bb-m-4,.bb-m-5{
		border-bottom-style: solid;
	}
	.bv-m-1,.bv-m-2,.bv-m-3,.bv-m-4,.bv-m-5{
		border-top-style: solid;
		border-bottom-style: solid;
	}
	.bh-m-1,.bh-m-2,.bh-m-3,.bh-m-4,.bh-m-5{
		border-left-style: solid;
		border-right-style: solid;
	}
	.b-m-1,.b-m-2,.b-m-3,.b-m-4,.b-m-5{
		border-style: solid;
	}
	/*----------------------COLORS------------------------*/
	.bg-m-red{
		background-color: red;
	}
	.bg-m-warning{
		background-color:#ff3342;
	}
	.bg-m-yellow{
		background-color: yellow;
	}
	.bg-m-blue{
		background-color: blue;
	}
	.bg-m-iceblue{
		background-color: #5c94fc;
	}
	.bg-m-gray{
		background-color: gray;
	}
	.bg-m-white{
		background-color: #fff;
	}
	.bg-m-coral{
		background-color: coral;
	}
	.bg-m-violet{
		background-color: darkviolet;
	}
	.bg-m-pink{
		background-color: deeppink;
	}
	.bg-m-dark{
		background-color: var(--head-color);
	}
	.bg-m-darkhover{
		background-color: var(--hover-head);
	}
	.bg-m-hoverblue{
		background-color: var(--hover-blue);
	}
	.bg-m-green{
		background-color: var(--green-site);
	}
	.bg-m-hovergreen{
		background-color: var(--hover-green);
	}
	.bg-m-silver{
		background-color: var(--lighter-gray);
	}
	.bg-m-light{
		background-color: var(--light-back);
	}
	.bg-m-darkgray{
		background-color: var(--gray-text);
	}
	.bg-m-black{
		background-color: black;
	} 
	.bg-m-transparent{
		background-color: transparent;
	}

	.hbg-m-red:hover{
		background-color: red !important;
	}
	.hbg-m-warning:hover{
		background-color:#ff3342 !important;
	}
	.hbg-m-yellow:hover{
		background-color: yellow !important;
	}
	.hbg-m-blue:hover{
		background-color: blue !important;
	}
	.hbg-m-iceblue:hover{
		background-color: #5c94fc !important;
	}
	.hbg-m-gray:hover{
		background-color: gray !important;
	}
	.hbg-m-white:hover{
		background-color: #fff !important;
	}
	.hbg-m-coral:hover{
		background-color: coral !important;
	}
	.hbg-m-violet:hover{
		background-color: darkviolet !important;
	}
	.hbg-m-pink:hover{
		background-color: deeppink !important;
	}
	.hbg-m-dark:hover{
		background-color: var(--head-color) !important;
	}
	.hbg-m-darkhover:hover{
		background-color: var(--hover-head) !important;
	}
	.hbg-m-hoverblue{
		background-color: var(--hover-blue) !important;
	}
	.hbg-m-green:hover{
		background-color: var(--green-site) !important;
	}
	.hbg-m-hovergreen:hover{
		background-color: var(--hover-green) !important;
	}
	.hbg-m-silver:hover{
		background-color: var(--lighter-gray) !important;
	}
	.hbg-m-light:hover{
		background-color: var(--light-back) !important;
	}
	.hbg-m-darkgray:hover{
		background-color: var(--gray-text) !important;
	}
	.hbg-m-transparent:hover{
		background-color: transparent !important;
	}
    
    .c-m-silver{
		color: var(--lighter-gray);
	}
	.c-m-darkgray{
		color: var(--gray-text);
	}
	.c-m-gray{
		color: gray;
	}
	.c-m-red{
		color: red;
	}
	.c-m-warning{
		color:#ff3342;
	}
	.c-m-yellow{
		color: yellow;
	}
	.c-m-blue{
		color: blue;
	}
	.c-m-iceblue{
		color: #5c94fc;
	}
	.c-m-white{
		color: white;
	}
	.c-m-coral{
		color: coral;
	}
	.c-m-violet{
		color: darkviolet;
	}
	.c-m-pink{
		color: deeppink;
	}
	.c-m-dark{
		color: var(--head-color);
	}
	.c-m-darkhover{
		color: var(--hover-head);
	}
	.c-m-hoverblue{
		color: var(--hover-blue);
	}
	.c-m-green{
		color: var(--green-site);
	}
	.c-m-hovergreen{
		color: var(--hover-green);
	}
	.c-m-light{
		color: var(--light-back);
	}
	.c-m-black{
		color:black;
	}

	.hc-m-red:hover{
		color: red !important;
	}
	.hc-m-warning:hover{
		color:#ff3342 !important;
	}
	.hc-m-yellow:hover{
		color: yellow !important;
	}
	.hc-m-blue:hover{
		color: blue !important;
	}
	.hc-m-iceblue:hover{
		color: #5c94fc !important;
	}
	.hc-m-gray:hover{
		color: gray !important;
	}
	.hc-m-white:hover{
		color: white !important;
	}
	.hc-m-coral:hover{
		color: coral !important;
	}
	.hc-m-violet:hover{
		color: darkviolet !important;
	}
	.hc-m-pink:hover{
		color: deeppink !important;
	}
	.hc-m-dark:hover{
		color: var(--head-color) !important;
	}
	.hc-m-darkhover:hover{
		color: var(--hover-head) !important;
	}
	.hc-m-hoverblue:hover{
		color: var(--hover-blue) !important;
	}
	.hc-m-green:hover{
		color: var(--green-site) !important;
	}
	.hc-m-hovergreen:hover{
		color: var(--hover-green) !important;
	}
	.hc-m-silver:hover{
		color: var(--lighter-gray) !important;
	}
	.hc-m-light:hover{
		color: var(--light-back) !important;
	}
	.hc-m-darkgray:hover{
		color: var(--gray-text) !important;
	}

	.b-m-red{
		border-color: red;
	}
	.b-m-warning{
		border-color:#ff3342;
	}
	.b-m-yellow{
		border-color: yellow;
	}
	.b-m-blue{
		border-color: blue;
	}
	.b-m-iceblue{
		border-color: #5c94fc;
	}
	.b-m-gray{
		border-color: gray;
	}
	.b-m-white{
		border-color: #fff;
	}
	.b-m-black{
		border-color:black;
	}
	.b-m-dark{
		border-color: var(--head-color);
	}
	.b-m-darkhover{
		border-color: var(--hover-head);
	}
	.b-m-hoverblue{
		border-color: var(--hover-blue);
	}
	.b-m-green{
		border-color: var(--green-site);
	}
	.b-m-hovergreen{
		border-color: var(--hover-green);
	}
	.b-m-silver{
		border-color: var(--lighter-gray);
	}
	.b-m-light{
		border-color: var(--light-back);
	}
	.b-m-darkgray{
		border-color: var(--gray-text);
	}
	.bgsz-m-cover{
		-webkit-background-size: cover;
		background-size: cover;
	}
	.bgsz-m-contain{
		-webkit-background-size: contain;
		background-size: contain;
	}
}
@media(max-width:1023px) and (max-height:1023px) and (orientation:landscape){
	:root{
		font-size:4vh;
	}
}
@media(max-width:1023px) and (max-height:1023px) and (orientation:portrait){
	.ai-mp-center{
		align-items: center !important;
	}
	.fd-mp-col{
		flex-direction: column !important;
	}
	.ml-mp-0{
		margin-left:0 !important;
	}
}
/*@media(max-width: 1023px) and (orientation:landscape) and (min-device-aspect-ratio: 16/10){
	:root{
		font-size: 2.5vw;
	}
	}*/
@media(min-width: 1024px) and (max-width: 1200px),(min-height: 1024px) and (max-height: 1200px){
	:root{
		font-size: 1.2vw;
	}
}